<template>
  <div class="l_body">
    <div class="container clearfix">
      <div class="l_main">
        <section class="post-list">
          <div class="post-wrapper">
            <article class="post reveal" data-sr-id="n"
             style="; visibility: visible;  -webkit-transform: scale(1); opacity: 1;transform: scale(1); opacity: 1;-webkit-transition: all 0.2s ease 0s, -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: all 0.2s ease 0s, transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; ">
            <div class="page-template">
                <section class="meta">
                  <h2 class="title">
                    <a href="javacript:void(0);">
                      <router-link to="/foo">iOS 开发工程师面试心得 [持续更新]</router-link>
                    </a>
                  </h2>
                  <time>
                    2018-05-05 星期六
                  </time>
                  <div class="cats">
                    <a href="javacript:void(0);">Deatiles </a>
                  </div>
                </section>
                <section class="article typo">
                  <div :is="Source[temp]" v-highlight></div>
                  <div class="readmore">
                    <a href="javacript:void(0);" class="flat-box waves-effect waves-block">READ MORE</a>
                  </div>
                  <div class="full-width auto-padding tags">
                    <a href="javacript:void(0);"><i class="fa fa-tag"></i> iOS</a>
                  </div>
                </section>
              </div>
            </article>
          </div>
        </section>
        <nav id="page-nav">
          <a class="next" rel="next" href="javacript:void(0);">
            <span class="text">NEXT</span>
            <span class="icon icon-chevron-right"></span>
          </a>
        </nav>
      </div>
      <aside class="l_side">
        <RightView />
      </aside>
    </div>
  </div>
</template>

<script>
import * as Source from "../../common/DataSource/index";
import RightView from '../MainContainer/view/RightView'

import "./style/style.less";
export default {
  name: "Details",
  data() {
    return {
      Source,
      temp: this.$route.params.temp
    };
  },
  created: function() {
    window.scrollTo(0, 0);
  },
  components: {
    ...Source,
    RightView
  }
};
</script>

